<!-- 分类 -->
<ion-view>


<header><!--搜索之类的头部-->
			<div class="shop-head sec">
				<!-- <p class="block"></p> -->
				<a href="#/seckill" class="saoMa left"><i>扫一扫<i></a>
				<!-- <label class="shop-sec  left">
					<input type=text placeholder="全棉时代">
				
				</label> -->

				<div class="secI" ng-click="openModal();"><span></span><p>全棉时代</p>	</div>
				<a href="#/seckDeta" class="message left"><i>消息<i></a>
				
			</div>

</header>
	  <ion-content class="ify-c"><!--左边导航	 -->
	  	<aside class="classify-left">
				<ul>
					<li ng-repeat="item in Lists">{{item.list}}</li>
				</ul>
		</aside>
		
		
	  </ion-content>
	  <ion-content class="rg">
	 <div class="classify-right"><!--右边分类	 -->
					<a href="javascript:;" class="pro-Ban"><img ng-src='./images/home/tt.jpg'></a>
					<h4>热门分类</h4>
					<div class="hort">
						<a href="#/classify1">
							<dl>
								<dt>

									<img ng-src='./images/home/home.png'>
									<dd>手机</dd>
								</dt>
							</dl>
						</a>
					<a href="#/classify1">
							<dl>
								<dt>

									<img ng-src='./images/home/home.png'>
									<dd>手机</dd>
								</dt>
							</dl>
						</a>
						<a href="#/classify1">
							<dl>
								<dt>

									<img ng-src='./images/home/home.png'>
									<dd>手机</dd>
								</dt>
							</dl>
						</a>
						<a href="#/classify1">
							<dl>
								<dt>

									<img ng-src='./images/home/home.png'>
									<dd>手机</dd>
								</dt>
							</dl>
						</a>
						
					

					</div>
			</div>




</ion-content>




</ion-view>

<script id="secModal.html" type="text/ng-template">
  <div class="modal">
   		 <header class="top">
  			<button class="back left secLft"></button>	
  			<input type="text" placeholder="商品名称">
 			<button class="secRight">搜索</button>	
		</header>

		<div class="secCon">
			<p>搜索记录</p>
			<ul>
				<li><a href="#">面膜</a></li>
				<li><a href="#">化妆品</a></li>
				<li><a href="#">法国香水</a></li>
				<li><a href="#">法国香水</a></li>
			</ul>
		</div>
  </div>
</script>